function slide(){


			var oSlide = document.getElementById('slide');
			var oul = oSlide.getElementsByTagName('ul')[0];
			var oli = oul.getElementsByTagName('li');
			var Tspan = oSlide.getElementsByTagName('span');
			var bc = oli[0].offsetWidth;
			var x = 0;
			var i = 0;
			var sx = 0;
			var mytime = null;
			var spage = 0;
			auto();
			function auto(){
				mytime = setInterval(function(){
					Tab(oul);
					i++;
				},2000);
			}
			

			oul.addEventListener('touchstart',fnStart,false);
			oul.addEventListener('touchmove',fnMove,false);
			oul.addEventListener('touchend',fnEnd,false);

			function fnStart(ev){
				clearInterval(mytime);
				oul.style.transition = 'none';
				spage = ev.changedTouches[0].pageX;
				sx = x;
			}

			function fnMove(ev){
				var mpage = ev.changedTouches[0].pageX;
				x = sx + mpage - spage;
				oul.style.WebkitTransform = transform = 'translateX('+x+'px)';
			}

			function fnEnd(){
				i = x / bc;
				i = -Math.round(i);
				if(i < 0){
					i = 0;
				}
				if(i >= oli.length-1){
					i = oli.length-1;
				}
				Tab(oul);
				auto();

			}
			function fnMark(){
				i = this.index;
				Tab(oul);
			}
			function fnSpan(o){
				for(var j=0;j<Tspan.length;j++){
					Tspan[j].index = j;
					Tspan[j].className = '';
					Tspan[j].addEventListener('touchend',fnMark,false);
					if(o == j){
						Tspan[j].className = 'active';
					}
				}
			}
			function Tab(obj){
				i = i%oli.length;
				obj.style.transition = '0.2s all';
				x = -i*bc;
				
				obj.style.WebkitTransform = "translateX("+x+"px)";
				fnSpan(i);
			}
			 
		}